﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="~/Content/css/index.css" rel="stylesheet" />
    <script src="~/Content/js/jquery.min.js"></script>
    <!--轮播图js-->
    <script src="~/Content/js/script.js"></script>
    <!--轮播图js end-->
</head>
<body>

    <!--header-->
    <div class="header2">
        <div class="header-box">
            <div class="header">
                <div class="header-left-title">
                
                    <div class="welcome"><img class="icon" src=" ~/Content/images/icon/welcome.png"  alt="">&nbsp;欢迎来到<a href="">AnJunDCM官网</a>!</div>
                    <div class="login">&nbsp;&nbsp;&nbsp;<a href="~/Login/Index">登陆</a>&nbsp;丨&nbsp;<a href="~/Login/ZhuCe">免费注册</a></div>
                </div>
                <div class="header-center-title">
                    <ul>
                        <li><a href="~/User/Index">我的AnJun</a></li>
                        <li><a href="~/Shopping/Index">购物车</a></li>
                        <li><a href="">我的订单</a></li>
                        <li><a href="">收藏网站</a></li>
                        <li><a href="">积分</a></li>
                    </ul>


                </div>
                <div class="header_right_title">
                    <ul>
                        <li><a href="">我要供货</a></li>
                        <li><a href="">客服中心<i class="kefu-icon"><img src=" ~/Content/images/kefu.png" alt="" width="20" height="20"></i></a></li>

                    </ul>

                </div>


            </div>
            <div class="header-nav-box">
                <div class="nav">
                    <div class="nav-logo">
                        <a href="" class="logo">
                            <img src=" ~/Content/images/logo.png" />
                        </a>
                    </div>
                    <div class="nav-search-box">
                        <form action="" name="fomr1">
                            <div class="nav-search">
                                <div class="bar1">
                                    <input type="text" placeholder="请输入您要搜索的内容..." class="text"><button type="submit" class="btn">搜索</button>
                                </div>
                                <div class="search-key">
                                    <span class="key-title">热搜词汇:</span>
                                    <div class="key">
                                        <ul>
                                            <li><a href="">手机</a></li>
                                            <li><a href="">电子产品</a></li>
                                            <li><a href="">衣服</a></li>
                                            <li><a href="">鞋子</a></li>
                                            <li><a href="">鞋子</a></li>
                                            <li><a href="">鞋子</a></li>
                                            <li><a href="">鞋子</a></li>
                                            <li><a href="">鞋子</a></li>
                                            <li><a href="">鞋子</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="wechat-box">
                        <ul>
                           
                            <li><img src=" ~/Content/images/app.jpg" alt="" width="110" height="110"></li>
                            <li><img src="~/Content/images/app.jpg" alt="" width="110" height="110"></li>
                        </ul>
                    </div>

                </div>
                <div class="nav-daohang">
                    <div class="daohang">
                        <ul>
                            <li><a href="goods.html">全部分类</a></li>
                            <li><a href="~/Home/Index">首页</a></li>
                            <li><a href=""> 选品采购</a></li>
                            <li><a href="daigou.html">指定代购</a></li>
                            <li><a href="need.html"> 需求提交</a></li>
                            <li><a href="">个性定制</a></li>
                            <li><a href="wl-case.html">物流方案</a></li>
                            <li><a href="join.html">我要入驻</a></li>
                            <li><a href="us.html">关于我们</a></li>

                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--hearder end!-->
   
        <!--main products-->
        <article>
            @RenderBody()
        </article>

        <!--流程end-->
        <!--footer-->
        <div class="footer-box">
            <div class="footer-list-box">
                <div class="footer-list">
                    <ul>
                        <img src=" ~/Content/images/icon/about.png" alt="" width="20" height="20">&nbsp;关于我们
                        <li class="magin"><a href="">关于安骏</a></li>
                        <li><a href="">产品服务</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">企业文化</a></li>
                    </ul>
                </div>

                <div class="footer-list">
                    <ul>
                        <img src=" ~/Content/images/icon/zhinan.png" alt="" width="20" height="20">&nbsp;新手指南
                        <li class="magin"><a href="">新手福利</a></li>
                        <li><a href="">推荐有奖</a></li>
                        <li><a href="">会员中心</a></li>
                        <li><a href="">我的积分</a></li>
                        <li><a href="">客服中心</a></li>
                    </ul>
                </div>

                <div class="footer-list">
                    <ul>
                        <img src=" ~/Content/images/icon/zhifu.png" alt="" width="20" height="20">&nbsp;支付方式
                        <li class="magin"><a href="">支付宝</a></li>
                        <li><a href="">WeChat</a></li>
                        <li><a href="">前海支付</a></li>
                        <li><a href="">银联支付</a></li>
                        <li><a href="">其它支付</a></li>
                    </ul>
                </div>

                <div class="footer-list">
                    <ul>
                        <img src=" ~/Content/images/icon/daohang.png" alt="" width="20" height="20">&nbsp;网站导航
                        <li class="magin"><a href="">选品采购</a></li>
                        <li><a href="">指定代购</a></li>
                        <li><a href="">需求提交</a></li>
                        <li><a href="">我要入驻</a></li>
                        <li><a href="http://www.bootstrapmb.com/">系统登录</a></li>
                    </ul>
                </div>

                <div class="footer-list">
                    <ul>
                        <img src=" ~/Content/images/kefu.png" alt="" width="20" height="20">&nbsp;客服电话：
                        <li class="magin" id="phone"><a href="">0755-12345678</a></li>
                        <li><a href="">地址：深圳市龙岗区坂田街道格泰隆工业园</a></li>
                        <li><a href="">邮箱：123456789@qq.com</a></li>

                    </ul>
                </div>

                <div class="footer-list" style="margin-left: 100px;">
                    <ul>
                        <img src=" ~/Content/images/app.jpg" alt="" width="150" height="150">
                        <li class="magin" id="guanzhu"><a href="">关注安骏</a></li>

                    </ul>
                </div>


            </div>
            <div class="footer-footer">
                © 2020-2020 AnJun DCM  All Rights Reserved 9.0 备案号：123456789

            </div>

        </div>
        <!--footer end!-->
        <!--左侧导航JS-->
        <script type="text/javascript">
            $(function () {
                var $top = $('.sec-mainNav').offset().top + $('.sec-mainNav').height()
                //左侧导航动画
                $('.sec-mainNav li').on('mouseenter', function () {
                    var $height = $(this).offset().top + $(this).find('.menu-panel').outerHeight();
                    $(this).find('.menu-panel').show();
                    if ($height - $top >= 0) {
                        $(this).find('.menu-panel').css({
                            top: -($height - $top) + 'px'
                        })
                    };
                });
                $('.sec-mainNav li').on('mouseleave', function () {
                    $(this).find('.menu-panel').hide();
                });
            });
        </script>
        <!--选项卡js-->
        <script type="text/javascript">
            function setContentTab(name, curr, n) {
                for (i = 1; i <= n; i++) {
                    var menu = document.getElementById(name + i);
                    var cont = document.getElementById("con_" + name + "_" + i);
                    menu.className = i == curr ? "active" : "";
                    if (i == curr) {
                        cont.style.display = "block";
                    } else {
                        cont.style.display = "none";
                    }
                }
            }
        </script>


</body>
</html>